Hooks 设计原理是 React 中一种用于实现状态逻辑复用的机制。
它基于函数式编程的思想，通过提供一些特定的函数（如 useState、useEffect 等）
来让函数组件拥有类似于类组件的状态管理和生命周期函数的能力，从而实现更灵活的组件复用和逻辑抽象。
Hooks 的设计原理主要包括以下几个关键点：

1. 函数式组件：Hooks 允许在函数式组件中使用状态和其他 React 特性，使函数式组件具有类似于类组件的能力。
2. 无需修改组件结构：Hooks 可以在不修改组件结构的情况下实现状态管理和副作用处理，使代码更加简洁和易于理解。
3. 自定义 Hooks：开发者可以编写自定义 Hooks 来封装和复用状态逻辑，使得组件之间的状态共享和复用更加方便。
4. 函数式调用顺序：Hooks 的调用顺序必须保持一致，这样 React 才能正确地跟踪每个 Hook 的状态。
总的来说，Hooks 的设计原理旨在提供一种更加灵活、简洁和可复用的方式来管理组件的状态和副作用。